view {
  /* 使用主题颜色 */
  color: var(--themeColor);
}

swiper {
  width: 750rpx;
  height: 350rpx;
  image {
    width: 100%;
  }
}

.index-cate {
  display: flex;
  navigator {
    flex: 1;
    padding: 20rpx;
    image {
      width: 100%;
    }
  }
}

.index-floor {
  .floor-item {
    .floor-title{
      padding: 10rpx 0;
      image{
        width: 100%;
      }
    }
    .floor-list{
      &::after {
        content: "";
        display: block;
        clear: both;
      }
      navigator{
        float: left;
        width: 33.33%;
        box-sizing: border-box;
        &:nth-last-child(-n+4) {
          //  原图宽高 232 * 386
          // 232 / 386 = 33.33vw
          height: 33.33vw * 386 / 232 / 2;
          border-left: 10rpx solid #fff;
        }

        &:nth-child(2),
        &:nth-child(3){
          border-bottom: 10rpx solid #fff;
        }
        image{
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

